<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>企业新闻</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link rel="stylesheet" href="./css/animate.css">

	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/detail.css">
	<link rel="stylesheet" href="css/company.css">
	<link rel="stylesheet" href="css/about.css">


</head>

<body>
<!-- 左侧导航栏 -->
	<div class="container-fluid">
		<div class="row justify-content-end">
			<div class="col-lg-4 position-fixed border-right leftCon">
				<!-- 导航栏 -->
				<header class="navbar d-none d-sm-flex px-0 px-lg-3 py-3 py-lg-4">
					<a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
					<ul class="nav mr-auto">
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">门店</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">我的账户</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">菜单</a>
						</li>
					</ul>
					<span class="iconfont icon-menu" id="showBtn"></span>
				</header>
				<!-- 展示 -->
				<div class="see">
					<p style="font-size: 32px;font-weight: bold;">关于星巴克</p>
					<div class="one"><a href="./detail.html">星巴克在中国</a></div>
					<div class="one"><a  href="./work.html">工作机会</a></div>
					<div class="one"><a href="">企业新闻</a></div>
					<div class="one"><a href="">社会责任</a></div>
					<div class="one"><a href="">历史回顾</a></div>
					<div class="one"><a href="">联系我们</a></div>
				</div>
				<!-- 点击菜单后要展示的内容 -->
				<div class="d-flex bg-white flex-column justify-content-between position-absolute menu hide">
					<header class="navbar d-flex px-0 px-lg-3 py-3 py-lg-4">
						<a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
						<span class="iconfont icon-guanbi" id="closeBtn"></span>
					</header>
					<div class="list">
						<ul class="list-unstyled mx-sm-5 pl-sm-5">
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">门店</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星享俱乐部</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">菜单</a></li>
							<hr>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克移动应用</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星礼卡</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克臻选™</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">啡快™ － 在线点 到店取</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">专星送™</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">咖啡星讲堂</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">上海烘焙工坊</a></li>
							<li><a href="./detail.html" class="font-weight-bold text-dark py-2 d-block">关于星巴克</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">帮助中心</a></li>
							<hr>
						</ul>	
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- 右侧主界面 -->
	<div class="about">
		<!-- 头部图片及文字 -->
		<div id="header">
			<section>
				<h1 class="china">企业新闻</h1>
				<p class="china-news" style="font-size: 18px;">
				了解星巴克全球新闻
				</p>
			</section>
			<img src="./images/kv-starbucks-store.jpg" alt="星巴克在中国">
	
		</div>	
		<!-- 新闻 -->
		<div id="content">
            <!-- 最新新闻 -->
            <section class='zuixin'>
                <section class='news'>

                <ul class='list'>
                    <li id="good" class="pulse">
                        <a href='./news.html' class='detail'>
                        <img src="./images/2021-04-21-poster.jpg" alt="GOOD">
                        <div class='left-c'>
                            <h3>
                            星巴克“GOODGOOD星善食<sup> TM</sup>
                            主义”行动再升级<br>创新推出环保吸管、杯子和餐具 拓展更多植物膳食餐饮选择
                            </h3>
                            <p style="color: #212121;">
                                全新启用“渣渣管”、店用冷饮杯和木制餐具，持续探索资源循环使用，不断升级绿色环保实践
                                地球日为自带杯顾客免费提供20万杯燕麦拿铁，坚持以实际行动回馈顾客对地球的保护和关爱
                                持续创新“GOODGOOD星善食 TM主义”植物膳食菜单，激励更多顾客共同探索有益环境的生活方式
                                2021年4月21日 –“世界地球日”到来之际，星巴克“...</p>
                        </div>
                        </a>
                    </li>
                    
                    <li id="yunnan" class="pulse">
                        <a href='' class='detail'>
                        <img src="./images/yunnan-proverty.jpg" alt="YUNNAN">
                        <div class='left-c'>
                            <h3>
                            从产业精准扶贫到乡村振兴 智慧农业赋能咖啡种植社区<br>
                            星巴克携手北京乐平公益基金会启动云南咖啡产业扶持三期项目
                            </h3>
                            <p style="color: #212121;">
                            探索咖啡产业升级新路径，积极响应乡村振兴和农村现代化国家战略
                            国内首个探索将智慧农业数字化科技应用于咖啡产业的公益项目，让咖啡“种出”大智慧
                            一村一策精准施力，助推云南咖啡实现“好品质、好环境、好社区”愿景
                            （2021年3月31日，云南普洱）星巴克“共享价值”咖啡产业扶持三期智慧农业项目今日正式启动。星巴克宣布捐赠180万美...</p>
                        </div>
                    </a>
            
                    </li>
                    
                    <li id="health" class="pulse">
                    <a href='' class='detail'>
                        <img src="./images/health-china-img1.jpg" alt="HEALTH">
                        <div class='left-c'>
                        <h3>
                            守护白衣天使 助力基层医护<br>
                            星巴克携手中国宋庆龄基金会启动“助力基层防控新冠肺炎计划”
                        </h3>
                        <p style="color: #212121;">
                            1月22日，北京  – 当前，新冠疫情的防疫已进入新常态新阶段，
                            如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。今天，星巴克宣布与中国
                            宋庆龄基金会共同启动“健康中国——星巴克助力基层防控新冠肺炎计划”，希望通过专业权威的呼吸疾病诊疗和防治培训，
                            未雨绸缪为未来应对重大呼吸疾病做好更充分的准备，同时开展一对一的心理关爱计划，为奋战在一线的白衣...</p>
                        </div>
                    </a>
                    </li>
                </ul>
                </section>
            </section>
	    </div>  

<!-- 左侧导航栏 -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
			integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
			crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
			integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
			crossorigin="anonymous"></script>
	<script>
		$('#showBtn').on('click',function(){
			$('.menu').removeClass('hide').addClass('show');
			shadowMenu();
		});
		$('#closeBtn').on('click',function(){
			$('.menu').removeClass('show').addClass('hide');
			shadowMenu();
		});
	</script>
</body>

</html>